<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
		<title>你是什么垃圾?</title>
		<link rel="stylesheet" type="text/css" href="./css/index.css" />
		<link rel="stylesheet" type="text/css" href="./css/animate.min.css" />
		<style>
		</style>
	</head>
	<body>
		<input type="hidden" id="nickName" value="">
		
		<!-- loading -->
		<div class="loding">
			<!-- 进度条 -->
			<div class="jd-box">
				<div class="jd-content">
					<span class="lodingnub">0%</span>
				</div>
			</div>
		</div>
		
		<div class="p1box">
			<img src="./images/p102.png" class="p102">
			<img src="./images/p1btn.png" class="p1btn xin">
			<div class="p1btn-box">
				<img class="yg-hover" onclick="openIframe()" src="images/p1btn2.png" alt="">
				<img class="yg-hover" src="images/p1btn3.png" alt="">
			</div>
		</div>
		
		<div class="popUpbox">
			<div class="pop_bg"></div>
			<div class="pop_content">
			<img src="./images/close.png" class="close" alt="">
			<img src="./images/cy/cy1.png" class="waste_img">
			<div class="lj_text">该垃圾属于可回收垃圾哦</div>
				
			</div>
		</div>
		
		<!-- 游戏积分 -->
		<div class="nub">
			<span>0</span>
		</div>
		
		<!-- 垃圾数 -->
		<div class="ljt-number">
			<span class="gitnub">1/10</span>
		</div>
		
		
		<div class="music play yg-hover">
			<img src="./images/music1.png">
		</div>
		<div class="fennumber">
			<img src="./images/10fe.png">
		</div>
		<span class="lj_name"></span>
		
		<!-- 游戏结束后页面 -->
		<div class="resultbox">
			<div class="home-btn yg-hover">
				<img src="images/home.png" class="home-img" alt="">
			</div>
			<div class="resultbg">
				<div class="result">
					<div class="img_head">
						<img src="./images/tx.png">
					</div>
					<span class="name"></span>
					<span class="fens">100分</span>
					<span class="zis">最终成绩</span>
				</div>
			</div>
			<div class="enda play_agme heart">
				<img src="./images/again.png">
			</div>
		</div>
		
		<!-- pixi场景画布添加到此dom -->
		<div class="px_render"></div>
		
		<!-- 背景音乐 -->
		<audio loop="loop" src="./music/bg.mp3" id="audio"></audio>
		
		<!-- 小便士iframe -->
		<div id="yg_iframe">
			<img onclick="closeVr()" class="back-btn" style="position: absolute;top: 10px;left: 10px;width: 30px;" src="./images/back.png" alt="">
			<iframe src="./loushu.html" style="width: 100%;height: 100%;margin: 0;padding: 0;border: none;"></iframe>
		</div>
	</body>
	<script src="./js/jquery.min.js"></script>
	<script src="./js/flexible.js"></script>
	<script src="./js/pixi.min.js"></script>
	<script src="./js/bump.js"></script>
	<script src="js/sound.js"></script>
	
	<!-- TweenMax中文文档 https://www.tweenmax.com.cn/ -->
	<script src="./js/TweenMax.min.js"></script>
	<script src="js/json.js"></script>
	<script src="./js/index.js?v=3.0"></script>
	<script>
		// 户型vr盒子
		function openIframe(){
			$('#yg_iframe').fadeIn(200);
		}
		function closeVr() {
			$('#yg_iframe').hide();
		};
	</script>
</html>
